.el-anchor {

    // 垂直模式，下划线类型
    &.el-anchor--underline.el-anchor--vertical {
        position: relative;

        .el-anchor__marker {
            z-index: 10 !important;
        }

        // 禁用自带的下划线
        &::before {
            display: none;
        }

        .el-anchor__list .el-anchor__item {
            padding: 5px 0;

            &::before {
                position: absolute;
                left: 0;
                z-index: 0;
                content: "";
                width: 2px;
                height: 30px;
                background-color: var(--fl1);
            }

            .el-anchor__link {
                padding: 3px 0;
            }
        }
    }

    // 垂直模式，默认类型，支持右侧显示锚点
    &.anchor-right.el-anchor--vertical {
        .el-anchor__marker {
            left: unset;
            right: 0px;
        }

        .el-anchor__list {
            padding: 0;
            padding-right: var(--el-anchor-padding-indent);

            .el-anchor__item {
                &::before {
                    left: unset;
                    right: 0;
                }

                .el-anchor__link {
                    padding: 3px 0;
                }
            }
        }
    }

    // 垂直模式，下划线类型，支持右侧显示锚点
    &.anchor-right.el-anchor--underline.el-anchor--vertical {
        .el-anchor__list .el-anchor__item {
            &::before {
                left: unset;
                right: 0;
            }
        }
    }
}